<div class="{$class}">
	<div>
		<h4>{$title}<small> &nbsp; <a rel="{$id}" class="update" href="javascript:void(0)" id="update_widget"><i class="icon-pencil"></i></a> &nbsp; <a href="{:U('index/widget_delete', 'id='.$id)}" id="delete_widget"><i class="icon-remove"></i></a> &nbsp; </small></h4>
	</div>
	<if condition="$list eq null">
		<p>{:L('EMPTY_TPL_DATA')}</p>
	<else/>
		<table class="table table-hover table-striped"> 
			<thead>
				<tr>
					<th>{:L('ACCOUNTS_PAYABLE_NAME')}</th>
					<th>{:L('CUSTOMER')}</th>
					<th>{:L('CONTRACT_SERIAL_NUMBER')}</th>
					<if condition="C('ismobile') neq 1">
					<th>{:L('ACCOUNTS_RECEIVABLE_PRICE')}</th>
					<th>{:L('ACCOUNTS_RECEIVABLE_PRICE_TIME')}</th>
					<th>{:L('STATUS')}</th>
					<th>{:L('CREATOR_ROLE')}</th>
					<th>{:L('CREATE_TIME')}</th>
					</if>
				</tr>
			</thead>
			<tbody>			
				<volist name="list" id="vo">
					<tr>
						<td>
						<a href="{:U('finance/view','t=payables&id='.$vo['payables_id'])}">{$vo.name}</a>
						</td>
						<td>{$vo['customer_name']}</td>
						<td>{$vo['contract_name']}</td>
						<if condition="C('ismobile') neq 1">
						<td>{$vo['price']}{:L('YUAN')}</td>
						<td>{$vo['pay_time']|date="Y-m-d",###}</td>
						<td>
							<if condition="$vo['status'] eq 2">{:L('PAYMENT_HAS_BEEN')}<elseif condition="$vo['status'] eq 1" />{:L('PART_OF_PREPAID')}<else />{:L('NOT_PAYING')}</if>
						</td>
						<td><a class="role_info" rel="{$vo.creator_role_id}" href="javascript:void(0)">{$vo.creator_name}</a></td>
						<td>{$vo['create_time']|date="Y-m-d",###}</td>
						</if>
					</tr>
				</volist>
			</tbody>
		</table>
	</if>				
</div>